<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>

// [js] 请说说你对事件冒泡机制的理解？
按照W3C事件模型，事件流按照次序依次为捕获阶段， 目标阶段，冒泡阶段。如果事件绑定时候，禁止了冒泡，则事件流会停止在目标阶段。

先说两个有关DOM事件流的概念事件冒泡和事件捕获。

事件冒泡： 事件沿着DOM树向上通知
事件捕获：和事件冒泡相反，事件沿着DOM数向下通知
开发者可以自己决定事件处理注册到捕获阶段，或者是冒泡阶段。
element1.addEventListener('click',doSomething2,true) 如果最后一个参数为true，则注册到捕获阶段。

事件委托(事件代理)
介绍完上面的，事件委托是时候登场了。事件委托简单说起来就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件

事件冒泡指的是，当你对某个元素进行事件操作时，会向上（父级元素）一直触发，就是冒泡一样
</script>
</html>